<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>北京吴彦祖</title>
    <link rel="stylesheet" href="css/comment.css">
    <link rel="stylesheet" href="css/index.css">
    <!--适配js代码-->
    <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/1.css">
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/animate.css"/>
    <script src="js/mobile-util.js"></script>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/pace.js"></script>

       <style class="cp-pen-styles">
.c1{
        
        transform: rotate(180deg);
        position: absolute;
        left:57%;
        bottom:22%;
    }
  .c2{
        width:50px;
        height:50px;
        border-radius: 50%;
        background:url("images/dddd.png") no-repeat;
        text-align: center;
        position: absolute;
        background-size:100% 100%;
        left:43%;
        bottom:0%;
        -webkit-animation:c2 2.0s infinite ease-in-out;
    -moz-animation:c2 2.0s infinite ease-in-out;
    -o-animation:c2 2.0s infinite ease-in-out;
    animation:c2 2.0s infinite ease-in-out
    }
    @keyframes c2{
      0%{opacity:1;}
      50%{opacity:0 }
      100%{opacity:1 ;}
  }
.s-xguide-down{
    width:50px;
    height:50px;
    display:inline-block;
    position:fixed;
    bottom:80px;
    left:50%;
    background:url("images/s_xman_guide_f3aebfe5.png") no-repeat -21px -3px;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./s_xguide_down_ie_a343e020.png",enabled=true,sizingMethod="crop");
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -o-border-radius:50%;
    opacity:.7;
    cursor:pointer;
}
@keyframes xguide_down{
    0%,100%{
        transform:scale(0.0);
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        opacity:0
    }
    50%{
        transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        opacity:1
    }
 
}
@-webkit-keyframes xguide_down{
    0%,100%{
        -webkit-transform:scale(0.0);
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -webkit-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-moz-keyframes xguide_down{
    0%,100%{
        -moz-transform:scale(0.0);
        -o-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -moz-transform:scale(1.0);
        -o-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
@-o-keyframes xguide_down{
    0%,100%{
        -o-transform:scale(0.0);
        -moz-transform:scale(0.0);
        -webkit-transform:scale(0.0);
        -ms-transform:scale(0.0);
        transform:scale(0.0);
        opacity:0
    }
    50%{
        -o-transform:scale(1.0);
        -moz-transform:scale(1.0);
        -webkit-transform:scale(1.0);
        -ms-transform:scale(1.0);
        transform:scale(1.0);
        opacity:1
    }
 
}
.s-xguide-down.trans{
    -webkit-animation:xguide_down 4.0s infinite ease-in-out;
    -moz-animation:xguide_down 4.0s infinite ease-in-out;
    -o-animation:xguide_down 4.0s infinite ease-in-out;
    animation:xguide_down 4.0s infinite ease-in-out
}
.s-xguide-down.arrow-1{
    animation-delay:-2.0s;
    -webkit-animation-delay:-2.0s;
    -moz-animation-delay:-2.0s;
    -o-animation-delay:-2.0s
}

</style>
  
</head>
<body>
  <!-- Swiper -->
  <div class="swiper-container box1">
<audio src="picture/niceng.mp3" autoplay="autoplay"></audio>
    <div class="swiper-wrapper">
      <div class="swiper-slide tu1"  data-hash="slide1">
        
        <div class="quanb ani" swiper-animate-effect="quanb" swiper-animate-duration="2s"></div>
        <div class="title ani" swiper-animate-effect="title" swiper-animate-duration="3s"></div>
        <div class="bzuo ani" swiper-animate-effect="bzuo" swiper-animate-duration="2s"></div>
        
        <div class="zzz ani" swiper-animate-effect="zzz" swiper-animate-duration="3s"></div>
        <div class="yun ani" swiper-animate-effect="yun" swiper-animate-duration="3s" swiper-animate-delay="1s"></div>
        <div class="quanc ani" swiper-animate-effect="quanc" swiper-animate-duration="3s" swiper-animate-delay="1.5s"></div>
        <div class="ling ani" swiper-animate-effect="ling" swiper-animate-duration="3s" swiper-animate-delay="2s"></div>
       
        <div class="dizi ani" swiper-animate-effect="dizi" swiper-animate-duration="1s"></div>  
        <div class="heidian2 ani" swiper-animate-effect="heidian2" swiper-animate-duration="2s"></div>
        <div class="baijing ani"></div>
        <a href="#x"> 
        <div class="c2">
        </div></a>
        <div class="yyan ani" id="bf" swiper-animate-effect="yyan" swiper-animate-duration="2s" onclick="bf();"></div>
      </div>

      <div id="x" class="swiper-slide tu6"  data-hash="slide2">
          <div class="tu6lan ani" swiper-animate-effect="tu6lan" swiper-animate-duration="2s" swiper-animate-delay="1s"></div>
          <!-- <div class="p6ditu ani" swiper-animate-effect="p6ditu" swiper-animate-duration="2s"></div> -->
          <div class="xianfang2 ani" swiper-animate-effect="xianfang2" swiper-animate-duration="3s"></div>
          <div class="yuzai ani" swiper-animate-effect="yuzai" swiper-animate-duration="1s"></div> 
          <div class="leftboy ani" swiper-animate-effect="leftboy" swiper-animate-duration="2s" swiper-animate-delay="2s"></div>
          <div class="fanhua ani" swiper-animate-effect="fanhua" swiper-animate-duration="2s"></div>
          <div class="rightboy ani" swiper-animate-effect="rightboy" swiper-animate-duration="2s" swiper-animate-delay="0s"></div>
          <div class="c1">
            <a class="s-xguide-down trans" href="" onclick="return false;" hidefocus=""></a>
            <a class="s-xguide-down arrow-1 trans" href="" onclick="return false;" hidefocus=""></a> 
        </div>
      </div>
      <div   class="swiper-slide tu2"  data-hash="slide3">
         
        <div class="quanb ani" swiper-animate-effect="quanb" swiper-animate-duration="2s"></div>
         <div class="title ani" swiper-animate-effect="title" swiper-animate-duration="3s" swiper-animate-delay="1s"></div>
        <div class="bzuo ani" swiper-animate-effect="bzuo" swiper-animate-duration="2s"></div>             
    
                       
           <!-- <div class="p2zi ani" swiper-animate-effect="p2zi" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>               -->
          <div class="p2ditu ani" swiper-animate-effect="p2ditu" swiper-animate-duration="1s"></div>
          <div class="dhua ani" swiper-animate-effect="dhua" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
          <!-- <div class="tubiao ani" swiper-animate-effect="dhua" swiper-animate-duration="3s"></div> -->
          <div class="c1">
            <a class="s-xguide-down trans" href="" onclick="return false;" hidefocus=""></a>
            <a class="s-xguide-down arrow-1 trans" href="" onclick="return false;" hidefocus=""></a> 
        </div>
          
      </div>
      <div class="swiper-slide tu3"  data-hash="slide4">
           
          <div class="leftboy ani" swiper-animate-effect="leftboy" swiper-animate-duration="2s" swiper-animate-delay="2s"></div>
          <div class="fanhua ani" swiper-animate-effect="fanhua" swiper-animate-duration="2s"></div>
          <div class="rightboy ani" swiper-animate-effect="rightboy" swiper-animate-duration="2s" swiper-animate-delay="0s"></div>
          <div class="nice ani" swiper-animate-effect="nice" swiper-animate-duration="3s"></div>
          
          <div class="lantu ani" swiper-animate-effect="lantu" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
          <!-- <div class="cflo ani" swiper-animate-effect="cflo" swiper-animate-duration="1s" swiper-animate-delay="1s"></div> -->
          <div class="baizi ani" swiper-animate-effect="baizi" swiper-animate-duration="1s"></div>
          <div class="c1">
            <a class="s-xguide-down trans" href="" onclick="return false;" hidefocus=""></a>
            <a class="s-xguide-down arrow-1 trans" href="" onclick="return false;" hidefocus=""></a> 
        </div>
      </div>
      <div class="swiper-slide tu4"  data-hash="slide5">
        
        <div class="quanb ani" swiper-animate-effect="quanb" swiper-animate-duration="2s"></div>
        <div class="title ani" swiper-animate-effect="title" swiper-animate-duration="3s"></div>
        <div class="bzuo ani" swiper-animate-effect="bzuo" swiper-animate-duration="2s"></div> 
        <div class="p2zi ani" swiper-animate-effect="p2zi" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
        
        <div class="p4-3 ani" swiper-animate-effect="p4-3" swiper-animate-duration="1s"></div>
        <div class="p4-4 ani" swiper-animate-effect="p4-4" swiper-animate-duration="2s" swiper-animate-delay="1s"></div>
        <div class="c1">
            <a class="s-xguide-down trans" href="" onclick="return false;" hidefocus=""></a>
            <a class="s-xguide-down arrow-1 trans" href="" onclick="return false;" hidefocus=""></a> 
        </div>
      </div>
      <div class="swiper-slide tu5"  data-hash="slide6">
         
          <div class="leftboy ani" swiper-animate-effect="leftboy" swiper-animate-duration="2s" swiper-animate-delay="2s"></div>
          <div class="fanhua ani" swiper-animate-effect="fanhua" swiper-animate-duration="2s"></div>
          <div class="rightboy ani" swiper-animate-effect="rightboy" swiper-animate-duration="2s" swiper-animate-delay="0s"></div>
          <div class="nice ani" swiper-animate-effect="nice" swiper-animate-duration="2s"></div>
          <div class="cflo ani" swiper-animate-effect="cflo" swiper-animate-duration="1s" swiper-animate-delay="2s"></div>

        <div class="p5zhong ani" swiper-animate-effect="p5zhong" swiper-animate-duration="1s"  swiper-animate-delay="2s"></div>
        <div class="p5ditu ani" swiper-animate-effect="p5ditu" swiper-animate-duration="2s"></div>
        <div class="p5top ani" swiper-animate-effect="p5top" swiper-animate-duration="1s" swiper-animate-delay="1s"></div>
         <div class="sudu ani" swiper-animate-effect="sudu" swiper-animate-duration="2s"></div>
         <div class="c1">
            <a class="s-xguide-down trans" href="" onclick="return false;" hidefocus=""></a>
            <a class="s-xguide-down arrow-1 trans" href="" onclick="return false;" hidefocus=""></a> 
        </div>
      </div>
      <div class="swiper-slide tu7"  data-hash="slide7">
        <div class="erweima">
          <img src="picture/erweima.jpg" alt="">
        </div>
      </div>
    </div>
  </div>
  <!--加载进度显示-->
    <div class="load" style="background: black;">
        <!-- <h1>aafaa</h1> -->
        <div class="con-load">
            <img src="picture/loading.png" alt="">
            <p style="color:#fff;"></p>

        </div>
        <div class="logo">
        
        </div>   
    </div>
    
<!--旋转提示-->    <!-- 选择禁止横屏或竖屏显示-->
    <div id="orientLayer" class="mod-orient-layer">
        <div class="mod-orient-layer__content">
            <i class="icon mod-orient-layer__icon-orient"></i>
            <div class="mod-orient-layer__desc">为了更好的体验，请使用竖屏浏览</div>
        </div>
    </div>
  <!-- Swiper JS -->
  <script src="js/index.js"></script>
    <script src="js/swiper.js"></script>
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jweixin-1.0.0.js"></script>
  <!-- Initialize Swiper -->
  <script>
      var mySwiper1 = new Swiper('.box1', {
        direction : 'vertical',// 上下滑动
        // pagination : '.swiper-pagination', //点状进度条
        // effect : 'fade',
        mousewheelControl : true, //滚轮
        // freeMode : true,
        hashnav:true,
        hashnavWatchState:true, 
        onInit: function(swiper){ 
            swiperAnimateCache(swiper); 
            swiperAnimate(swiper); 
        }, 
        onSlideChangeEnd: function(swiper){ 
             swiperAnimate(swiper);
         }  

    });

  </script>
  <script>


    function bf(){
 var audio = document.getElementById('bofang'); 
  if(audio.paused){                 
      audio.play();   
  }else{
   audioPause('Jaudio');
   // audio.pause();
  }
 // } 
}

function audioAutoPlay(bofang){  
        var audio = document.getElementById("bofang"),  
            play = function(){  
                audio.play();  
                document.removeEventListener("touchstart",play, false);  
            };  
        audio.play();  
        document.addEventListener("WeixinJSBridgeReady", function () {  
            play();  
        }, false);  
        document.addEventListener('YixinJSBridgeReady', function() {  
            play();  
        }, false);  
        document.addEventListener("touchstart",play, false);  
    }  
    
    audioAutoPlay('Jaudio');

    function audioPause(bofang){  
        var audio = document.getElementById("bofang"),  
            play = function(){  
                audio.pause();  
                document.removeEventListener("touchstart",play, false);  
            };  
        audio.pause();  
        document.addEventListener("WeixinJSBridgeReady", function () {  
            pause();  
        }, false);  
        document.addEventListener('YixinJSBridgeReady', function() {  
            pause();  
        }, false);  
        document.addEventListener("touchstart",play, false);  
    }



</script>
    <script>
    wx.config({
        debug: false,
        appId: 'wx631b3b7965783a52',
        timestamp: 1522088244,
        nonceStr: 'Y8EiEPKHoCVfA4s1',
        signature: '069f956ff0475ed2420353e84c49bbc655f77942',
        jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'onMenuShareTimeline','onMenuShareAppMessage'
      ]
  });

    wx.ready(function () {
        // 分享到朋友圈
        wx.onMenuShareTimeline({
          title: '择址京城开发热土，打造专属产业社区', // 分享标题
          link: 'http://www.byfocus.cn/huaxiaA/index.php', // 分享链接
          imgUrl: 'http://www.byfocus.cn/huaxiaA/img/logo.jpg', // 分享图标
          success: function () { 
              // 用户确认分享后执行的回调函数
          },
          cancel: function () { 
              // 用户取消分享后执行的回调函数
          }
      });

        // 分享给朋友
        wx.onMenuShareAppMessage({
          title: '面试', // 分享标题
          desc: '面试题', // 分享描述
          link: 'http://www.byfocus.cn/huaxiaA/index.php', // 分享链接
          imgUrl: 'http://www.byfocus.cn/huaxiaA/img/logo.jpg', // 分享图标
          type: '', // 分享类型,music、video或link，不填默认为link
          dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
          success: function () { 
              // 用户确认分享后执行的回调函数
          },
          cancel: function () { 
              // 用户取消分享后执行的回调函数
          }
      });
    });
</script>
</body>
</html>